React Native专题
转载注明出处:地址:http://www.lcode.org本文出自:【江清清的技术专栏】本React Native讲解专题:主要讲解了React Native开发，由基础环境搭建配置入门，基础，进阶相关讲解。刚创建的React Native技术交流1群(282693535),React Native技术交流2群(496601483),React Native技术交流3群(496508742)。欢迎各位大牛,React Native技术爱好...
2024-01-10
React Native 列表的总结
FlatList和SectionList都是React Native中高性能的列表组件。这些新的列表组件在性能方面都有了极大的提升, 其中最主要的一个是无论列表有多少行，它的内存使用都是常数级的。他们有着共同的特点：完全跨平台。行组件显示或隐藏时可配置回调事件。支持单独的头部组件。支持单独的尾部组件。支持...
2024-01-10
React Native自定义导航栏
之前我们学习了可触摸组件和页面导航的使用的使用: 从零学React Native之09可触摸组件 … 从零学React Native之03页面导航 …经过之前的学习, 我们可以完成一个自定义导航栏了, 效果如下: 我们需要创建一个 NaviBar.js 用来显示顶部的导航栏, 还需要四个界面(Page1.js,Page2.js,Page3.js,Page4.js)。 当然还需要修改...
2024-01-10
什么是React-Native？
写在前面1. 什么是React-Native？ React-Native是：Facebook 在2015年初React.js技术研讨大会上公布的一个开源项目。支持用开源的JavaScript库React.js来开发iOS和Android原生App。初期仅支持iOS平台，同年9月份，该开源项...
2024-01-10
React Native 之 数据持久化
前言因为 实战项目系列 涉及到数据持久化，这边就来补充一下。如本文有错或理解偏差欢迎联系我，会尽快改正更新！如有什么问题，也可直接通过邮箱 277511806@qq.com 联系我。demo链接: https://pan.baidu.com/s/1hsspiio 密码: dk3h数据持久化数据持久化一直都是软件开发中重要的一个环节，几乎所有...
2024-01-10
React Native ：加载新闻列表
代码地址如下：http://www.demodashi.com/demo/13212.html标签与内容页联动上一节（React Native ： 自定义视图）做到了点击标签自动移动，还差跟下面的视图进行联动。首先创建 NewsList.js :import React from 'react'import { View, Text, ListView, Image, StyleSheet, Dimensions} from 'react-native'const {wi...
2024-01-10
React Native入门遇到的一些问题
本文示例参考自《React Native第一课》 React Native官方文档中文版（含最新Android内容） 这里只大概记录下我的操作步骤和遇到的问题，一定要牢记下面这条： 如果你在Mac下遇到提示写入权限时，记得在命令前加上sudo 安装开发所需要的环境，参考这里>> 我所遇到的几个问题： 1) 安装brew curl -LsSf http://gith...
2024-01-10
React-Native 之 项目实战(一)
前言本文有配套视频，可以酌情观看。文中内容因各人理解不同，可能会有所偏差，欢迎朋友们联系我。文中所有内容仅供学习交流之用，不可用于商业用途，如因此引起的相关法律法规责任，与我无关。如文中内容对您造成不便，烦请联系 277511806@qq.com 处理，谢谢。转载麻烦注明出处，谢谢。...
2024-01-10
React Native 常用的 15 个库
本篇 react native 库列表不是从网上随便找的， 这些是我在我的应用中亲自使用的库。 这些库功能可能跟其它库也有，但经过大量研究并在我的程序中尝试后，我选择了这些库。15. React Native Animatable这个库非常适合快速地向 react Native 应用程序添加简单的动画和转换。这个库有两种使用方式:声明式...
2024-01-10
React Native之React速学教程
本文出自《React Native学习笔记》系列文章。React Native是基于React的，在开发React Native过程中少不了的需要用到React方面的知识。虽然官方也有相应的Document，但篇幅比较多，学起来比较枯燥。通过《React Native之React速学教程》你可以对React有更系统和更深入的认识。为了方便大家学习，我将《React Native之...
2024-01-10
React-Native 原生 APP 更新
当一个 APP在运行的时候, 开发者想要将自己的代码更新到用户的手机上时, 一般都有两种方案, 一是热更新, 二就是 APP 更新.热更新暂且不说,这篇文章就讲讲 APP 如何更新App更新流程在 App 打开时请求接口或文件, 获取远程版本/版本更新说明/地址等等重用信息通过库或者原生方案, 获取 App 的当前版...
2024-01-10
React Native、Flutter 优劣势
React Native 框架的优势 React Native 框架的优势跨端方案的初衷是要解决多平台重复开发的问题，也就是说，使用跨端方案的话，多个平台的开发者可以使用相同的开发语言来开发适合不同系统的 App。React Native 使用 JavaScript 语言来开发，Flutter 使用的是 Dart 语言。这两门编程语言，对 iOS 开发者来说都...
2024-01-10
React Native 使用中的调试及探究其机制
前面叙述了相关环境搭建及遇到相关问题个人的解决方法，接下来一起来看看如何进行代码调试：1、使用快捷方式：command + D，调出如下界面并点击“Debug JS Remotely”2、会看到Chrome出现一个页面3、视图 -> 开发者 -> 开发者工具 -> Sources【React Native机制大礼包】使用 JS 构建跨平台的原生应用：React Nati...
2024-01-10
Weex 和 React Native 的比较看这里
写在前面目前主流的应用大体分成三类：Native App, Web App, Hybrid App.Native App 特点:性能好完美的用户体验开发成本高，无法跨平台升级困难 (审核), 维护成本高Web App 特点:开发成本低, 更新快, 版本升级容易, 自动升级跨平台，Write Once , Run Anywhere无法调用系统级的 API临时入口，用户留存度低...
2024-01-10
5 React State(状态)
React 把组件看成是一个状态机（State Machines) ,通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致.React 里，只需更新组件的 state，然后根据新的 state 重新渲染用户界面（不要操作 DOM）(相当于用数据去驱动，而不用操作DOM)以下实例，创建一个名称扩展为 React.Component 的 ES6 类...
2024-01-10
React Native中ScrollView性能探究
1 基本使用ScrollView 是 React Native(后面简称：RN) 中最常见的组件之一。理解 ScrollView 的原理，有利于写出高性能的 RN 应用。ScrollView 的基本使用也非常简单，如下：<ScrollView> <Child1 /> <Child2 /> ... </ScrollView> 它和 View 组件一样，可以包含一个或者多个子组件。对子组件的布局可...
2024-01-10
React-Native中props具体使用详解
props就是属性，是为了描述一个组件的特征而存在的。它是父组件传递给子组件的。使用props通过上一个页面传递新建一个 PropsTest.js 文件exprot default class PropsTestextendesComponent{ render(){ return <Text>{this.props.name}</Text> }}在上一个页面中使用PropsTest组件import PropsTest from './PropsTest'<PropsTest name = '...
2024-01-10
React-native碰到的坑和解决方案
React-native碰到的坑和解决方案<React/RCTXXXXX.h> file no found1. Clean (cmd+shift+K)2. Build core React - select React as the scheme in Xcode and build it (cmd+B)3. Build the library that is failing (e.g. RCTText).4. Build your app.no such file or directory XXXX文件找...
2024-01-10
React Native 混合编程 之与原生平台通信原理
一、组件和API API:(Application Programming Interface) 是指应用程序的接口，在React Native 平台上，API是一些预先定义并实现好的函数，基于React Native 平台的API，应用开发者通过调用这些接口就可以达到预期的目的，而无需了解React Native 内部工作的细节。组件:(Componet)是对数据和方法等简单封装，可以理解为...
2024-01-10
React Suite v3.0 正式版发布
相信很多人会好奇，React Suite 是什么？ React Suite 是 HYPERS 前端团队和 UX 团队开源的一套基于 React 的 UI 组件库，能够帮助您快速构建一个企业级应用。官网访问地址： rsuitejs.com为什么选择 React Suite ?我们在服务于很多企业的过程中发现，不管是大企业，还是中小企业都有一套（或者希望有一套）自...
2024-01-10
号外，号外，《React Native移动开发实战》出版啦
对不起，我来晚了首先要感谢支持和关注我的朋友，感谢人邮的赵老师，还有公司的领导和同事，他们在我写作的过程中给了很多有用的信息，也给了很多有用的建议，为本书的写作提供了很大帮助。感谢，再次感谢！！！ 工作6年多以来，一直想写一本自己的书，一方面是对自己工作经历的一个总...
2024-01-10
为什么我切换到React Native来创建超级简单的底页
I recently switched jobs, and one of my first tasks was to create a bottom sheet in React Native. 我最近更换了工作，而我的首要任务之一是在React Native中创建一个底页。 Coming from a native Android development background, I thought it was going to be as daunting as creating a bottom s...
2024-01-10
React Diff理解
前言一提到React，学过的人都会想到提高性能的两大神奇特色：虚拟DOM & diff算法。React diff作为Virtual DOM的加速器，其算法的改进优化是React整的界面渲染的基础，以及性能提高的保障。虽然开发中不需要知道其运行机制，但是理解之后有助于更好的理解React组件的生命周期，以及优化React程序。React diff...
2024-01-10
React-Native学习之路（七）ListView
ListView2018年7月22日15:53一、实现ListView基本显示中的两个必要属性：1）.dataSource: dataSource是ListView的数据源，首先在state中去创建一个ListView.DataSource数据源，然后通过cloneWithRows方法为其传递一个数组，其中提供给数据源的rowHasChanged函数可以告诉ListView它是否需要重绘一行数据，即数据是否...
2024-01-10
Mac电脑配置IOS React Native开发环境配置笔记
React Native(以下简称RN)的开发环境配置直接参考官方文档即可完成，不过对小白来说东西有点多，有些名词不是很好理解，这里就官方的安装文档稍微展开说一下。中文版配置说明：不错的中文说明。官方英文版配置说明：英文不错的小伙伴可以直接看英文官方的环境需求：1.Xcode 7.0以上版本React Native...
2024-01-10
